<!--
 * @Author: 刘美红 liumeihong@llootong.com
 * @Date: 2025-04-17 16:54:33
 * @LastEditors: 刘美红 liumeihong@llootong.com
 * @LastEditTime: 2025-04-25 11:02:41
 * @FilePath: \xgjd-app\src\pages\index\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<!-- // 1903999283762434048	街道领导
        // 1903999283762434049	安全办领导
        // 1903999283766628352	安全办科员
        // 1903999283766628353	综合执法领导
        // 1903999283766628354	综合执法队员
        // 1903999283766628355	管理办领导
        // 1903999283766628356	管理办科员
        // 1903999283766628357	指挥中心
        // 1903999283766628358	普通用户
        // 1903999283770822656	社区书记
        // 1904000122019254272	网格员
        // 1904000122027642880	物业
        // 1904000122027642881	运维人员 -->
<template>
  <GlobalBG title="首页">
    <view class="container">
      <!-- 公共安全 -->
      <ggaqGzt
        v-if="
          userStore.userInfo.roleId == '1903999283762434049' ||
          userStore.userInfo.roleId == '1903999283766628352'
        "
      >
      </ggaqGzt>
    </view>
  </GlobalBG>
</template>

<script setup lang="ts">
import { ref, onMounted } from 'vue';
import ggaqGzt from './component/ggaq/ggaq.vue'; // 直接引用组件
import api from '@/api/modules/home';
import { useUserStore } from '@/stores/user';
const userStore = useUserStore();

onMounted(async () => {
  // 您的挂载逻辑
});
</script>

<style scoped lang="scss">
.container {
  padding: 0;
  display: flex;
  flex-direction: column;
  height: 100%;
}
</style>
